<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <meta name="author" content="" />

    <title>init </title>
	<style>


body{
	  background:url(./img/gx.jpg)   no-repeat center center;   /*加载背景图*/   /* 背景图不平铺 */
      background-size:cover;  /* 让背景图基于容器大小伸缩 */
      background-attachment:fixed; 
}
  
.big{
	font-size: 500%;
}
        .small{
			font-size: 300%;
		}

    </style>

</head>

<body>

           
<div > <strong id="a" class="big">0.0</strong>. <strong id="b" class="small"></strong></div>

</body>
<script type="text/javascript">
const {remote, clipboard, ipcRenderer } = require('electron');
/*  第一块面板          */
var send_data_udp={"id":"9999", "status":"open"}; 
    window.onload = function(){
    
                var times = 5 * 10; // 60秒
    
                countTime = setInterval(function() {
    
                    times = --times < 0 ? 0 : times;
    
                    var ms = Math.floor(times / 10).toString();
                    var hm = Math.floor(times % 10).toString();
              
    
                    if(times == 0) {
						send_data_udp.status="close";
                      ipcRenderer.send('megfromwhere', {
                      	 send_data_udp
                      	})
    
                        clearInterval(countTime);
    
                    }
    
                    // 获取分钟、毫秒数
    
                    document.getElementById("a").innerHTML=ms;
    
                    document.getElementById("b").innerHTML=hm;
    
                }, 100);
    
            }
    
        </script>
    
</html>
